<!-- 模板 -->
<template>
  <div class="finance">
       <div class="box">
            <div class="btn">
                <el-form  :inline="true"  :model="params" size="small"  label-width="80px" >
                    <el-form-item label="购买人:">
                        <el-input  v-model="params.name" placeholder="输入购买人"  clearable  /> 
                    </el-form-item>
                    <el-form-item label="测量表:">
                        <el-input  v-model="params.name" placeholder="输入测量表"  clearable  /> 
                    </el-form-item>
                    <el-form-item label="分销人:">
                        <el-input  v-model="params.name" placeholder="输入分销人"  clearable  /> 
                    </el-form-item>
                    <el-form-item label="下单时间:">
                        <el-date-picker
                            v-model="params.value1"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期">
                        </el-date-picker>
                    </el-form-item>
                    <span style="margin-left:10px">
                        <el-button type="primary" icon="el-icon-search" size="small">搜索</el-button>
                    </span>
                </el-form>
            </div>
          <el-card>
            <el-table :data="tableData" border style="width: 100%" >
                <el-table-column  label="序号" align="center" type="index"> </el-table-column>
                <el-table-column prop="name" label="购买人" align="center" min-width="180"> </el-table-column>
                <el-table-column prop="phone" label="测量表" align="center" min-width="180"> </el-table-column>
                <el-table-column prop="money" label="金额" align="center" min-width="150"> </el-table-column>
                <el-table-column prop="phone" label="分销人" align="center" min-width="180"> </el-table-column>
                <el-table-column prop="proportion" label="分销比例" align="center" min-width="150"> </el-table-column>
                <el-table-column prop="payTime" label="支付时间" align="center" min-width="180"> </el-table-column>
                <el-table-column prop="orderNumber" label="订单编号" align="center" min-width="180"> </el-table-column>
                <el-table-column prop="creatTime" label="支付编号" align="center" min-width="180"> </el-table-column>
                <el-table-column prop="payMent" label="支付方式" align="center" min-width="150"> </el-table-column>
                <!-- <el-table-column prop="content" label="备注" align="center" min-width="150" :show-overflow-tooltip="true"> </el-table-column> -->
                <el-table-column  label="操作" align="center" fixed="right"  min-width="250">
                    <template slot-scope="scope">
                        <!-- <el-button @click="handleDeleteClick(scope.row)" type="primary" size="small" icon="el-icon-delete" plain>删 除</el-button>
                        <el-button @click="handleLookClick(scope.row)" type="primary" size="small" icon="el-icon-circle-close" plain>查 看</el-button> -->
                    </template>
                </el-table-column>
            </el-table>
            </el-card>
      </div>
  </div>
</template>

<script>
// import component from '@/components/*.vue'
import {getOrderList,getOrderDsc,} from '@/api/finance/index'

export default {
  name: '',
  data () {
    return {
        tableData:[],
        params:{
            pageNum: 1,
            pageSize: 10,
        },
        newsTotal:0,
        options:[],
        loading:false,
    }
  },
  props: [],
  components: {},
  computed: {},
  filters: {},
  methods: {
        // 获取资讯所有
    getList() {
      this.loading = true;
      getOrderList(this.params).then(res => {
            this.tableData = res.rows
            this.newsTotal = res.total;
            this.loading = false;
      });
    },
  },
  created () {
    //   this.getList()
  },
  mounted () {}
}
</script>

<style rel="stylesheet/scss" lang="scss">
.box{
    margin: 10px;
    .btn{
        margin-top: 20px;
    }
}
</style>
